<template>
  <img :src="result" />
</template>

<script>
import axios from 'axios'
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'DogShow',
  async setup() {
    const rawData = await axios.get(
      'https://api.thecatapi.com/v1/images/search?limit=1'
    )
    return {
      result: rawData.data[0].url,
    }
  },
})
</script>

<style>
</style>